module.exports = {
  purge: [
    './src/**/*.html',
    './src/**/*.vue',
    './src/**/*.jsx',
  ],
  darkMode: 'class', // or 'media' or 'class'
  theme: {
    extend: {
      spacing: {
        6.5: '1.625rem',
        '-6.5': '-1.625rem',
        'content': 'calc(100% - 1.75rem)',
        '1/9': '11.1111%',
        '1/11': '9.9090%',
      },
      zIndex: {
        '-10': '-10',
        '-20': '-20'
      },
      scale: {
        99: '99'
      },
      colors: {
        gray: {
          25: '#f6fafd',
          50: '#e6eaec',
        }
      },
      transitionProperty: {
        'size': 'height width',
      },
      boxShadow: {
        rlg: 'rgba(27, 31, 35, 0.04) 4px 0px 0px, rgba(255, 255, 255, 0.25) 4px 0px 0px inset',
        10: 'rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px'
      },
      borderWidth: {
        1: 1
      },
      fontSize: {
        'xss': '0.825rem'
      },
    },
    
  },
  variants: {
    extend: {},
  },
  plugins: [],
}
